<template>
  <div class="box">
    <CommentInput />
    <ul>
      <CommentItem  />
    </ul>
    <CommentFooter />
  </div>
</template>

<script setup>

import CommentInput from './components/CommentInput.vue'
import CommentItem from './components/CommentItem.vue'
import CommentFooter from './components/CommentFooter.vue'



</script>

<style>
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.box {
  width: 300px;
  margin: 50px auto;
}
</style>